<!--本文件由FirstUI授权予关赛川（手机号： 1 5  60  05 1  520 5，身份证尾号：22 6  5 1 9）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
<template>
	<view class="fui-wrap"> 
			<image :src="baseOssUrl+'icon/bai-login.png' " class="fui-logo"></image>
	 
		<view>
		<!-- 	<fui-date-picker :show="userShowDate" type="3" @change="change" @cancel="cancel"></fui-date-picker> -->
		</view>
		<view class="fui-btn__box">
			<!-- <fui-button @click="getuserinfo" :text="isLogin?'退出登录':'登录'"></fui-button> -->
			<fui-button :text="isLogin?'退出登录':'登录'" :margin="['0', '17rpx']" radius='46rpx' size="26" width='470rpx' :plain='true' borderColor='#FFF'
			 height='72rpx' @click="getuserinfo"></fui-button>
		</view>
		<!-- <view class="">
			我已阅读并同意 《用户协议》 以及《 隐私政策》
		</view> -->
	</view>
</template>

<script>
	import {
		mapState,
		mapMutations
	} from 'vuex';
	import {
		baseOssUrl,
	} from '@/common/settings';
	export default {
		//登录状态
		computed: mapState(['isLogin']),
		data() {
			return {
				userShowDate: false,
				result: '',
				baseOssUrl: baseOssUrl,
				img: 'https://yunchenbucket.oss-cn-qingdao.aliyuncs.com/user_file/static/images/icon/login-bg.png'
			}
		},
		onLoad() {

		},
		methods: {
			...mapMutations(['login', 'logout']),
			getuserinfo() {
				if(!this.isLogin){
					
						var _this = this
						wx.getUserProfile({
							desc: '用户完善个人信息',
							success: (userInfo) => {
								console.log(userInfo,'userInfouserInfouserInfouserInfo')
								wx.login({
									success(loginCode) {
										console.log(loginCode,'loginCodeloginCodeloginCode')
										_this.$http.post(_this.$httpApi.login, {
											data: {
												code: loginCode.code,
												// name: userInfo.userInfo.nickName,
												// tx: userInfo.userInfo.avatarUrl,
												gender: userInfo.userInfo.avatarUrl,
											}
										}).then(res => {
											console.log("res登录", res)
											let token = res.token
											uni.setStorageSync('userinfo', res.user)
											// _this.login({token: token})
											_this.login({
												user: res
											})
											uni.navigateBack({
												delta: 1
											});
											// if(res.user.mobile) {
											// 	console.log("res登录", res)
											// 	let token = res.token
											// 	uni.setStorageSync('userinfo', res.user)
											// 	// _this.login({token: token})
											// 	_this.login({
											// 		user: res
											// 	})
											// 	uni.navigateBack({
											// 		delta: 1
											// 	});
											// } else {
											// 	console.log("res登录", res)
											// 	let token = res.token
											// 	uni.setStorageSync('userinfo', res.user)
											// 	// _this.login({token: token})
											// 	_this.login({
											// 		user: res
											// 	})
											// 	uni.navigateTo({
											// 		url:'/pages/my/info/index'
											// 	})
											// }
											
										})
									}
								})
							},
							fail: () => {
								wx.showToast({
									title: '授权失败',
									icon: 'error',
									duration: 2000
								})
							}
						})
				}else{
						this.logout();
						uni.clearStorage()
						this.fui.toast('退出登录成功！')
						setTimeout(res=>{
							uni.reLaunch({
								url: '/pages/home/home'
							});
						},1000)
				}


				// if (!this.isLogin) {
				//请求接口
				//....
				// let token = 'testToken';
				// //保存登录信息，修改状态
				// this.login({
				// 	token
				// });
				// this.$http.post(this.$httpApi.login, {
				// 	data: {
				// 		code: '15600515205'
				// 	}
				// }).then(res => {
				// 	console.info(res);
				// 	this.fui.toast('登录成功！')
				// })

				// } else {
				// 	//退出登录
				// 	this.logout();
				// 	this.userShowDate = true;
				// 	this.fui.toast('退出登录成功！')
				// }
			},
			change(e) {
				this.userShowDate = false
				console.log(e)
				this.result = JSON.stringify(e || {})
			},
			cancel() {
				this.userShowDate = false
			},
			leftClick() {
				this.fui.toast('点击了左侧')
			}
		}
	}
</script>

<style>
	.fui-wrap {
		width: 100%;
		height: 100vh;
		background-image: url('https://yunchenbucket.oss-cn-qingdao.aliyuncs.com/user_file/static/images/icon/login-bg.png');
		/* overflow: hidden;*/
		background-size: cover;


	}

	 
		.fui-logo {
			width: 400rpx;
			height: 300rpx;
			border-radius: 24rpx;
			margin: 200rpx auto;
		}

	 

	.fui-text {
		font-size: 40rpx;
		text-align: center;
		padding-bottom: 64rpx;
	}

	.fui-btn__box {
		width: 100%;
		display: flex;
		justify-content: center;
	}
</style>
